<template>
  <text :style="[{'color':fontColor}]">{{text}}</text>
</template>
<script>
export default {
  name: '',
  data() {
    return {
      fontColor:'#ffffff'
    }
  },
  props:{
    day_color:{
      default:'rgb(51,51,51)'
    },
    night_color:{
      default:'#ffffff'
    },
    text:{
      default:''
    }
  },
  created() {
     this.fontColor = this.get_font_color()
  },
  methods: {
    get_font_color(){
      return this.theme === 'day' ? this.day_color : this.night_color
    }
  }
}
</script>
<style scoped>
</style>